<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>Mootools UI - Linked List demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="../mootools-1.2-core-nc.js"></script>
    <script type="text/javascript" src="../mui.linkedlists.js"></script>
    <script type="text/javascript"><!-- <![CDATA[
    
	var data = {
            '1':[
                {'value':'TA', 'text':'Tel-Aviv'},
                {'value':'MD', 'text':'Modiin'}
            ],
            
            '2':[
                {'value':1, 'text':'london'},
                {'value':2, 'text':'Chelsi'}
            ],
            
            '3':[
                {'value':'NY', 'text':'New York'},
                {'value':'NO', 'text':'New Orlins'}
            ]
        };
        
	window.addEvent("domready", function(){
            $("source").linkWith($("dest"), 'JSArray', {data:data});
	});
    
    // ]]> --></script>
    <style type="text/css">/* <![CDATA[ */
	
	body{background-color:white;}
    
	body *{
	    padding:0;
	    margin:0;
	}
    
    /* ]]> */</style>
</head>
<body>
    <select id="source">
        <option value="">Choose Country</option>
	<option value="1">Israel</option>
	<option value="2">UK</option>
	<option value="3">USA</option>	
    </select>
    <select id="dest"></select>
</body>
</html>
